import { UnstyledButtonDemos } from "@/lib/@docs/demos/src";
import { Layout } from "@/layout";
import { MDX_DATA } from "@/mdx";

export default Layout(MDX_DATA.UnstyledButton);

## Usage

`UnstyledButton` resets default button styles, it is used as a
base for all other button components. You can use it to as a base for custom
polymorphic buttons.

<Demo data={UnstyledButtonDemos.usage} />

<Polymorphic
  defaultElement="button"
  changeToElement="a"
  component="UnstyledButton"
/>

<GetElementRef component="UnstyledButton" refType="button" />
